<!DOCTYPE html>

<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>工单列表</title>
    <script src="../vue.js" type="text/javascript" charset="utf-8"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"> </script>
</head>
<body>
<table border="1" width="60%" align="center" id="app">
    <tr>
        <td>编号</td>
        <td>报单员id(要换成人名)</td>
        <td>顾客名</td>
        <td>顾客角色</td>
        <td>活动主题</td>
        <td>活动细节</td>
        <td>会场数量</td>
        <td>状态(没做)</td>
        <td>原因(没做)</td>
        <td>报价单链接(没做)</td>
        <td>查看会场</td>
        <td>对应的工单taid</td>
        <td>分类是否是主会场</td>
        <td>结束时间</td>
        <td>到达时间</td>
        <td>会场地点</td>
    </tr>
    <tr th:each="u:${listTaskForms}">
        <td th:text="${u.tid}"></td>
        <td th:text="${u.pid1}"></td>
        <td th:text="${u.customerName}"></td>
        <td th:text="${u.customerRole}"></td>
        <td th:text="${u.activityTheme}"></td>
        <td th:text="${u.activityProfile}"></td>
        <td th:text="${u.meetingNumber}"></td>
        <td th:text="${u.state}"></td>
        <td th:text="${u.cause}"></td>
        <td th:text="${u.connection}"></td>

<!--        <td th:text="${u.taid}"></td>-->
<!--        <td th:text="${u.category}"></td>-->
<!--        <td th:text="${u.endTime}"></td>-->
<!--        <td th:text="${u.}"></td>-->
<!--        <td><a href=""></a></td>-->
<!--        <td><a href="/taskForm/listMeetingPlace">点一下</a></td>-->
<!--     <td><button onclick="deleteTaskForm("${u.tid}")">删除</button></td>-->
<!--        <td><a href="/taskForm/deleteTaskForm?tid="+${u.tid} type="button" >删除数据</a></td>-->
<!--        <td th:onclick="deleteTaskForm([[${u.tid}]])"> </td>-->


    </tr>

<!--</table>-->
<!--<table border="1" width="60%" align="center" id="app1">-->
<!--    <tr>-->
<!--        <td>对应的工单taid</td>-->
<!--        <td>分类是否是主会场</td>-->
<!--        <td>结束时间</td>-->
<!--        <td>到达时间</td>-->
<!--        <td>会场地点</td>-->
<!--    </tr>-->
<!--    <tr th:each="u:${listMeetingPlaces}">-->
<!--        <td th:text="${u.taid}"></td>-->
<!--        <td th:text="${u.category}"></td>-->
<!--        <td th:text="${u.endTime}"></td>-->
<!--        <td th:text="${u.arrivalTime}"></td>-->
<!--        <td th:text="${u.meetingPlace}"></td>-->
<!--    </tr>-->

<!--</table>-->

<script>

    // function deleteTaskForm() {
    //     $.ajax({
    //         type: "get",
    //         url:"taskForm/deleteTaskForm?tid="+tid,
    //         success(data) {
    //             alert('删除成功');
    //         }
    //     })
    // }
    //











    // function deleteTaskForm(tid) {
    //   $.ajax({
    //       url:('http://localhost:9090/taskForm/deleteTaskForm?tid='+tid),
    //       success:function () {
    //           alert('删除成功')
    //       }
    //   })
    // }

    // new Vue({
    //     el:'#app',
    //     methods: {
    //         deleteTaskForm(tid)
    //         {
    //             this.$axios.get('http://localhost:9090/taskForm/deleteTaskForm/' + tid)
    //                 .then(function (response) {
    //                     console.log(response.data.msg)
    //
    //                 }).catch(function (error) { // eslint-disable-line no-unused-vars
    //
    //             })
    //         }
    //     }
    // })


</script>


</body>
</html>